<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 数组的方法filter添加一个新数组
        const arr= [2,3,5,6,7,8]
        const  arr1= arr.filter(function(item){
            return item % 2 
        })
        console.log(arr1)

        // 利用箭头函数简化
        const arr2= [2,3,5,6,7,8]
        const  arr3= arr.filter(item => item % 2 )
        console.log(arr3)    

        // 箭头函数没有this 指向，输入错误
        // const obj={
        //     name : "li",
        //     gender : "true",
        //     sayHi:()=>{
        //         console.log(${this.name})
        //     }
        // }
        // obj.sayHi()

        // 箭头函数没有this指向可以在函数外部指定this的指向
        const obj={
            name : "li",
            sayHi:function(){
                // 指定this指向 
                const _this= this
                setTimeout(() => {
                    console.log(` ${_this.name} is very good`)  
                }, 1000);
            }
        }
        obj.sayHi() 
    </script>
</body>
</html>